/* home_spk/pages/goods_list/index.wxss */
page {
  height: 100vh;
}
.goods-list-page {
  padding: 0 30rpx;
  padding-top: 20rpx;;

  .good {
    display: flex;

    .good-left {
      margin-top: 20rpx;
      margin-right: 30rpx;
      image {
        width: 300rpx;
        height: 300rpx;
      }
    }

    .good-right {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      .name {
        font-size: 30rpx;
        line-height: 50rpx;
        // 限制在一个块元素显示的文本的行数为2
        -webkit-line-clamp: 2;
        // 将对象作为弹性伸缩盒子模型显示,和-webkit-line-clamp结合使用
        display: -webkit-box;
        // 设置或检索伸缩盒对象的子元素的排列方式为垂直排列,和-webkit-line-clamp结合使用
        -webkit-box-orient: vertical;
        // 文本溢出限定的宽度就隐藏内容
        overflow: hidden;
        // 多行文本的情况下，用省略号“…”隐藏溢出范围的文本
        text-overflow: ellipsis;
      }

      .price {
        color: red;
        font-size: 40rpx;
      }
    }
  }
  .endload{
    padding: 20rpx;
    text-align: center;
    font-size: 30rpx;
    color: #1296db;
  }
}